#home_wrapper {
	background-image: url(../images/body_bg.png);
}
#home_wrapper.home_wrapper {
	background-image: url(../images/body_bg_all.jpg);
}

.logo {
	position: absolute;
	left: 35px; top: 11px; width: 101px; height: 106px;
	background-image: url(../images/ggly_logo.png);
}


.navs {
	position: absolute;
	left: 196px; top: 23px; width: 817px; height: 64px;
}
.navs > div {
	position: relative; float: left;
	width: 66px; height: 64px; margin-right: 36px;
}
#nav_bg {
	position: absolute;
	left: 0px; top: 0px; width: 66px; height: 64px;
	background-image: url(../images/nav/nav_bg.png);
}
.navs > div:nth-child(9n+2) {
	background-image: url(../images/nav/nav_0.png);
}
.navs > div:nth-child(9n+3) {
	background-image: url(../images/nav/nav_1.png);
}
.navs > div:nth-child(9n+4) {
	background-image: url(../images/nav/nav_2.png);
}
.navs > div:nth-child(9n+5) {
	background-image: url(../images/nav/nav_3.png);
}
.navs > div:nth-child(9n+6) {
	background-image: url(../images/nav/nav_4.png);
}
.navs > div:nth-child(9n+7) {
	background-image: url(../images/nav/nav_5.png);
}
.navs > div:nth-child(9n+8) {
	background-image: url(../images/nav/nav_6.png);
}
.navs > div:nth-child(9n+9) {
	background-image: url(../images/nav/nav_7.png);
}
.nav_txt {
	position: absolute;
	left: 0px; top: 70px; width: 100%; height: 30px;
	font-family: "ºÚÌå"; font-size: 24px; text-align: center; color: #fff;	
}
.btn_focus_nav {
	position: absolute;
	left: 0px; top: 0px; width: 66px; height: 64px;
	background-image: url(../images/nav/nav_focus.png);
}



#nav2 {
	position: absolute;
	left: 1019px; top: 43px; width: 240px;
}
#nav2 > div {
	position: relative; float: left;
	width: 54px; height: 54px; margin-right: 4px;
}
#nav2 > div:nth-child(4n+1) {
	background-image: url(../images/nav2/order.png);
}
#nav2 > div:nth-child(4n+2) {
	background-image: url(../images/nav2/search.png);
}
#nav2 > div:nth-child(4n+3) {
	background-image: url(../images/nav2/history.png);
}
#nav2 > div:nth-child(4n+4) {
	background-image: url(../images/nav2/fav.png);
}
.btn_focus_nav_order {
	position: absolute;
	left: -5px; top: -7px; width: 64px; height: 83px;
	background-image: url(../images/nav2/order_focus.png);
}
.btn_focus_nav_search {
	position: absolute;
	left: -5px; top: -7px; width: 64px; height: 83px;
	background-image: url(../images/nav2/search_focus.png);
}
.btn_focus_nav_history {
	position: absolute;
	left: -5px; top: -7px; width: 64px; height: 83px;
	background-image: url(../images/nav2/history_focus.png);
}
.btn_focus_nav_fav {
	position: absolute;
	left: -5px; top: -7px; width: 64px; height: 83px;
	background-image: url(../images/nav2/fav_focus.png);
}





#recommends {
	position: absolute;
	left: 0px; top: 123px; width: 1280px; height: 420px; overflow: hidden;	
}
.recommends {
	position: absolute;
	left: 29px; top: 0px; width: 10000px; height: 420px;
}

.recommends > div {
	position: relative; float: left;
	width: 216px; height: 407px; margin-right: 7px;
}

.recommend_span {
	position: absolute;
	left: 0px; top: 0px; width: 216px; height: 407px;
}


.recommend_span_first_0 {
	position: absolute;
	left: 0px; top: 12px; 
	width: 156px; height: 176px;
}

.recommend_span_first_1 {
	position: absolute;
	left: 160px; top: 22px; 
	width: 216px; height: 160px;
}


.recommend_small_0 {
	position: absolute;
	left: 0px; top: 0px;width: 216px; height: 228px;
}
.recommend_small_1 {
	position: absolute;
	left: 0px; top: 235px; width: 216px; height: 172px;
}


/*第一推荐位*/
.recommends > div.recommend_first {
	left: 0px; top: 7px; width: 322px; height: 172px;
}
.btn_focus_recommend_first {
	position: absolute; 
	left: -3px; top: 30px; width: 329px; height: 146px;
	background-image: url(../images/recommend_first_focus.png);
}
.btn_focus_recommend_first_0 {
	position: absolute; 
	left: -14px; top: 5px; width: 184px; height: 173px;
	background-image: url(../images/recommend_first_focus_0.png);
}

.btn_focus_recommend_first_1 {
	position: absolute; 
	left: 144px; top: 5px; width: 184px; height: 173px;
	background-image: url(../images/recommend_first_focus_1.png);
}






.btn_focus_recommend_video {	
	position: absolute;
	left: -3px; top: 154px; width: 329px; height: 250px;
	background-image: url(../images/recommend_video_focus.png);
}

.recommend_video_txt {
	position: absolute; overflow: hidden;
	left: 7px; top: 367px; width: 278px; height: 30px; line-height: 30px;
	font-family: "ºÚÌå"; font-size: 20px; text-align: center; color: #FEFFFF;
	border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
}


.recommend_big span {
	position: absolute; visibility: hidden;
	left: 0px; top: 0px; width: 439px; height: 407px;
}
.recommend_big span.recommend_big_show {
	visibility: visible;
}

.recommend_big ul {
	position: absolute;
	left: 331px; top: 362px; width: 110px;
}
.recommend_big li {
	position: relative; display: inline-block;
	width: 12px; height: 11px; margin-right: 4px;
	background-image: url(../images/recommend/recommend_dian_blur.png);	
}
.recommend_big li.recommend_dian {
	width: 15px; height: 15px; top: 2px;
	background-image: url(../images/recommend/recommend_dian_focus.png);
}


.btn_focus_recommend_middle {
	position: absolute; 
	left: -7px; top: 31px; width: 230px; height: 380px;
	background-image: url(../images/recommend/recommend_middle_focus.png);
}
.btn_focus_recommend_small_0 {
	position: absolute; 
	left: -7px; top: 31px; width: 230px; height: 201px;
	background-image: url(../images/recommend/recommend_small_focus.png);
}
.btn_focus_recommend_small_1 {
	position: absolute;
	left: -7px; top: -25px; width: 230px; height: 201px;
	background-image: url(../images/recommend/recommend_small_focus.png);
}
.btn_focus_recommend_big {
	position: absolute; 
	left: -7px; top: 31px; width: 454px; height: 380px;
	background-image: url(../images/recommend/recommend_big_focus.png);
}

.recommend_txt {
	position: absolute; overflow: hidden;
	left: 3px; bottom: 3px; width: 210px; height: 30px; line-height: 30px;
	font-family: "ºÚÌå"; font-size: 20px; text-align: center;
	background-color: rgba(0,0,0,0.6); color: #FEFFFF;
	border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
}




#animator {
	position: absolute;
	left: 0px; top: 505px; width: 215px; height: 215px;
}
#animators {
	position: absolute; overflow: hidden; visibility: hidden;
	left: 0px; top: 505px; width: 215px; height: 215px;
	/*background-image: url(../images/ip_first.gif);*/
}
.animators {
	position: absolute;
	left: 0px; top: 0px; width: 215px;
}
.animators div {
	position: relative;
	width: 215px; height: 215px;
}


.btn_focus_ip_first {
	position: absolute; z-index: 100;
	left: 135px; top: 595px; width: 120px; height: 110px;
	background-image: url(../images/ip_first_focus.gif);
}


#ips {
	position: absolute;
	left: 205px; top: 534px; width: 1075px; height: 186px; overflow: hidden;
}

.ips {
	position: absolute;
	left: 0px; top: 0px; width: 11075px; height: 186px;
}


.ips > div {
	position: relative; float: left;
	left: 0px; top: 0px; width: 140px; height: 186px; margin-right: 3px;
}


.ip {
	position: absolute;
	left: 10px; top: 37px; width: 120px; height: 120px;
}


.ips > div > div:nth-child(3n+1) {
	position: absolute; z-index: 0;
	left: 10px; top: 37px; width: 121px; height: 121px;
	background-image: url(../images/ip/bubble.png);
}


.bubble_big {
	animation: bubble 0.8s linear 1; -moz-animation: bubble 0.8s linear 1; -webkit-animation: bubble 0.8s linear 1;
}
@keyframes bubble{
	0%{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1);}
	100%{transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2);}
}
@-moz-keyframes bubble{
	0%{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1);}
	100%{transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2);}
}
@-webkit-keyframes bubble{
	0%{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1);}
	100%{transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2);}
}


.ips > div > div:nth-child(3n+2) {
	position: absolute; z-index: 1;
	left: 0px; top: 91px; width: 140px; height: 95px;
	background-image: url(../images/ip/yezi.png);
}
.ips > div > div.yezi {
	background-image: url(../images/ip/yezi_focus.gif);
}

.ips > div > div.ip_bubble {
	position: absolute; z-index: 2;
	left: 12px; top: 131px; width: 115px; height: 35px; line-height: 31px;
	font-family: "ºÚÌå"; font-size: 22px; text-align: center; color: #FFFFFF;
	background-image: url();
	background-color: #784BFD; border: 2px solid #B689FF; border-radius: 17px;
}



#popup {
	position: absolute; visibility: hidden;
	left: 0px; top: 0px; width: 1280px; height: 720px;
	background-image: url(../images/popup/popup_bg.png);
}
.bear_img {
	position: absolute;
	left: 328px; top: 156px; width: 264px; height: 329px;
	background-image: url(../images/popup/bear_img.png);
}
.rabbit_img {
	position: absolute;
	left: 651px; top: 156px; width: 264px; height: 329px;
	background-image: url(../images/popup/rabbit_img.png);
}
.bear_name {
	position: absolute;
	left: 354px; top: 531px; width: 211px; height: 58px;
	background-image: url(../images/popup/bear_name.png);
}
.rabbit_name {
	position: absolute;
	left: 681px; top: 531px; width: 211px; height: 58px;
	background-image: url(../images/popup/rabbit_name.png);
}
.btn_focus_ip {
	position: absolute;
	left: 168px; top: 11px; width: 100px; height: 80px;
	background-image: url(../images/focus.gif);
}
